//! index.js是webpack默认打包的入口

// 在 node.js环境中 使用ES6模块化语法，需要有额外的配置
// 在 webpack环境中 使用ES6模块化语法，不需要有额外的配置

// 导入addFn
// import { addFn } from "./add/add.js";
// console.log(addFn(4, 4));
// console.log('我将以高达形态出击');
// import "./1.js"



// 实现jquery隔行变色效果
// 1.下包 yarn add jquery
// 2.准备页面和结构  根目录下 public/index.html
// 3.main.js中导入jquery
// 4.执行yarn build
// 5.手动复制pubic/index.html 到 dist 目录中，手动将bundle.js文件引入到index.html
// 6.打开页面，观察效果


import $ from 'jquery'

$('ul li:odd').css('color', 'aqua')
$('ul li:even').css('color', 'lime')

// 导入 css,让webpack打包css文件
import './css/index.css'

// 导入 less,让webpack打包less文件
import './less/index.less'

//// 手动引入一个图片文件

//引入字体图标样式文件
import './assets/fonts/iconfont.css'

// 书写高版本的js语法
const arr = [10, 20, 30]
arr.forEach(item => console.log(item))

